<%@page import="com.windfone.common.Constant"%>
<%@ page language="java" contentType="text/html; charset=utf-8"	pageEncoding="utf-8"%>

<%@ taglib uri="/WEB-INF/recommend.tld" prefix="windfone"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页   风驰电讯  您最贴心的手机顾问</title>
<%@ include file="headkey.jsp"%>
<%@ include file="head.jsp"%>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<link href="css/lunzhuan.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/002.js"></script>
<script type="text/javascript" src="js/003.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.js"></script>
<style>
.em {
cursor: pointer; font-family: 宋体;font-sytle:normal
}
</style>
</head>
<body id="pages1">

<!--头部-->

<%@ include file="navigate.jsp"%>

<!--内容-->
<div class="contentBox"><!--左区-->
<div class="col1">
<div class="tabLeBox">
<div class="title">
<h3>热点关注</h3>
</div>
<div class="leftNews">
<ul>
	<windfone:ad attriName="hotfocus" flag="firstPagehotfocus"></windfone:ad>
	<c:if test="${not empty hotfocus }">
		<c:forEach var="hf" items="${hotfocus}" varStatus="status">
			<li><a href="${hf.url }" target="${hf.target}">${hf.text}</a></li>
		</c:forEach>
	</c:if>

</ul>
</div>
</div>
<div class="clear"></div>
<div class="tabLeBox">
<div class="title">
<h3>热门品牌</h3>
</div>
<%@include file="detailmobileLeftNavi.jsp" %>
</div>

<div class="clear"></div>
<div class="tabLeBox">
<div class="title">
<h3>新机抢先看</h3></div>
<%@include file="newsee.jsp" %>

</div>
</div>
<div class="col2">

<div id="MainPromotionBanner">
         


 <div id="SlidePlayer">
            <ul class="Slides">
            <windfone:ad attriName="pics" flag="firstPagePic"></windfone:ad>
	    		<c:if test="${not empty pics }">
	    			<c:forEach var="pc" items="${pics}" varStatus="status">
              		<li style=""><a target="_blank" href="${pc.url }"><img src="<%=contextPath %>/${pc.imagepath}"/></a></li>
              		</c:forEach>
              	</c:if>
            </ul>
            <ul class="SlideTriggers">
            	<c:if test="${not empty pics }">
	    			<c:forEach var="pc" items="${pics}" varStatus="status">
	              <li class="">${status.index}</li>
	              </c:forEach>
	             </c:if>
            </ul>
          </div>
          <script type="text/javascript">$().ready(function(){TB.widget.SimpleSlide.decoration('SlidePlayer', {eventType:'mouse', effect:'scroll'});});</script>
 
  </div>
<div class="tabLeBoxB">
<div class="title">
<h3>热门机型</h3>
</div>
<div class="borderBox">
<div>

<ul class="imageList">

	<windfone:commend attriName="firstMobiles"
		commendType="<%=com.windfone.common.Constant.FIRST_PAGE_HOT_MOBILE%>"></windfone:commend>
	<c:if test="${not empty firstMobiles }">
		<c:forEach var="mobile" items="${firstMobiles}" varStatus="status">

			<li><a href="detailmobile.action?productId=${mobile.id }"
				target="_blank"><img src="<%=contextPath%>/${mobile.imagepath}" /></a>
			<p><a href="detailmobile.action?productId=${mobile.id }"
				target="_blank">${mobile.name }</a></p>
			<p><em style="cursor: pointer;"><c:if
				test="${mobile.price == 0.0 }">即將上市</c:if><c:if
				test="${mobile.price != 0.0 }">￥${mobile.price }</c:if></em></p>
			</li>
		</c:forEach>
	</c:if>



</ul>
</div>
</div>
</div>
<div class="tabLeBoxB">
<div class="title">
<h3>推荐机型</h3>
</div>
<div class="borderBox">
<div>
<ul class="imageList">
	<windfone:commend attriName="firstMobiles"
		commendType="<%=com.windfone.common.Constant.FIRST_PAGE_COMMEND_MOBILE%>"></windfone:commend>
	<c:if test="${not empty firstMobiles }">
		<c:forEach var="mobile" items="${firstMobiles}" varStatus="status">
			<li>
				<a href="detailmobile.action?productId=${mobile.id }" target="_blank"><img src="<%=contextPath%>/${mobile.imagepath}" /></a>
				<p>
					<a href="detailmobile.action?productId=${mobile.id }" target="_blank">${mobile.name }</a></p>
					<p><em style="">
						<c:if test="${mobile.price == 0.0 }">即將上市</c:if>
						<c:if test="${mobile.price != 0.0 }">￥${mobile.price }</c:if></em>
					</p>
			</li>
		</c:forEach>
	</c:if>
</ul>
</div>
</div>
</div>
</div>
<div class="col3">




















<div class="tabLeBox">
<div class="title">
<h3>风驰通讯各分店</h3>
</div>
<div class="borderBox">
<table width="100%" border="0" cellspacing="0" cellpadding="0"	class="addBox">
 <windfone:ad attriName="rightWenzis" flag="firstPageRightWenzi"></windfone:ad>
     	<c:if test="${not empty rightWenzis }">
     	<c:forEach var="wz" items="${rightWenzis}" varStatus="status">
	<tr>
		<td><a href="${wz.url }"><img src="${wz.imagepath }"  style="width: 169px; height: 101px;"/></a></td>
	</tr>
	<tr>
		<td class="addInfo"><a   href="${wz.url }" target="_blank">${wz.text}</a></td>
	</tr>
	</c:forEach>
	</c:if>
	 
</table>
<div class="clear"></div>
</div>
</div>
<%--
<div class="tabLeBox">
<div class="title">
<h3>风驰通讯各分店</h3>
</div>
<div class="borderBox">
<table width="100%" border="0" cellspacing="0" cellpadding="0"
	class="addBox">
	<tr>
		<td><img src="images/pic1.gif" /></td>
	</tr>
	<tr>
		<td class="addInfo">深圳市南山区学府路康乐大 廈首层 0755-26416166</td>
	</tr>
	<tr>
		<td class="addInfo">深圳市南山区东滨路新一代 国际公寓首层 0755-86175799</td>
	</tr>
	<tr>
		<td class="addInfo" style="border: none;">深圳市福田区华强北鼎城国 际大厦16楼0755-83777724</td>
	</tr>
</table>
<div class="clear"></div>
</div>
</div>

--%>
<div style="padding-left: 5px; margin-bottom: 10px">
	<a href="about.action?type=serviceCenter"><img src="images/call.gif" width="181" height="62" /></a>
</div>










 

<div class="tabLeBox">
<div class="title">
<h3>导购帮助</h3>
</div>
<div class="borderBox">
<ul class="helpLink">
	<li><a href="myshoppingcar.action">网上购买商品流程</a></li>
	 <li><a href="about.action?type=help">汇款方式及帐号查询</a></li> 
	<li><a href="about.action?type=help">分期付款购买方式说明</a></li>
	<li><a href="about.action?type=help">售后保修条例及投诉方式</a></li>
</ul>
<div class="clear"></div>
</div>
</div>



<%--
<div class="tabLeBox">
<div class="title">
<h3>导购帮助</h3>
</div>
<div class="borderBox">
<ul class="helpLink">
	<li><a href="#">网上购买商品流程</a></li>
	<li><a href="#">汇款方式及帐号查询</a></li>
	<li><a href="#">分期付款购买方式说明</a></li>
	<li><a href="#">售后保修条例及投诉方式</a></li>
</ul>
<div class="clear"></div>
</div>
</div>


--%>
<div class="tabLeBox">
<div class="title">
<h3>热门机型</h3>
</div>
<div class="borderBox">
<ul class="hotPhone">
<c:forEach var="mobile2" items="${firstMobiles}" varStatus="status">
	<li><a href="detailmobile.action?productId=${mobile2.id }"
				target="_blank">${mobile2.name }</a></li>
	</c:forEach>
</ul>
<div class="clear"></div>
</div>
</div>







<%--
<div class="tabLeBox">
<div class="title">
<h3>热门机型</h3>
</div>
<div class="borderBox">
<table width="100%" border="0" cellspacing="0" cellpadding="0"
	class="orderBox">
	<tr>
		<th width="40%">收货人</th>
		<th>发货单号</th>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
	<tr>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
	</tr>
</table>

<div class="clear"></div>
</div>
</div>



--%>
</div>
<div class="clear"></div>
<div class="tabLeBoxC">
<div class="title">
<h3>配件中心</h3>
</div>
<div class="borderBox">
<div>
<ul class="imageList">
	<windfone:commend attriName="firstFitts"
		commendType="<%=com.windfone.common.Constant.FIRST_PAGE_NEW_FITTING%>"></windfone:commend>
	<c:if test="${not empty firstFitts }">
		<c:forEach var="fitting" items="${firstFitts}" varStatus="status">
			<li><a
				href="<%=contextPath%>/pjDetail.action?peijianId=${fitting.id}"
				target="_blank"><img src="<%=contextPath%>/${fitting.imagepath}" /></a>
			<p><a
				href="<%=contextPath%>/pjDetail.action?peijianId=${fitting.id}"
				target="_blank">${fitting.typeName}</a></p>
			<p><em style="cursor: pointer;">￥${fitting.price }</em></p>
			</li>
		</c:forEach>
	</c:if>

</ul>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<%@ include file="bottom.jsp"%>
</body>

<script>
	var curr = 0, next = 0, count = 0;
	$(document).ready(function() {
		// 记录图片的数量
		count = $('.flash_txt a').size();
		t = setInterval('imgPlay()', 3000);

		// 鼠标移动到图片或导航上停止播放，移开后恢复播放
		$('.flash_img, .flash_txt a').hover(function() {
			clearInterval(t);
		}, function() {
			t = setInterval('imgPlay()', 3000);
		});

		//点击导航播放到相应的图片
		$('.flash_txt a').mouseover(function() {
			// index()函数返回当前导航的下标
			var index = $('.flash_txt a').index(this);
			if (curr != index) {
				play(index);
				curr = index;
			}
			;
			return false;
		});
	});

	// 播放图片的函数
	var imgPlay = function() {
		next = curr + 1;
		// 若当前图片播放到最后一张，这设置下一张要播放的图片为第一张图片的下标
		if (curr == count - 1)
			next = 0;
		play(next);

		curr++;
		// 在当前图片的下标加1后，若值大于最后一张图片的下标，则设置下一轮其实播放的图片下标为第一张图片的下标，而next永远比curr大1
		if (curr > count - 1) {
			curr = 0;
			next = curr + 1;
		}
	};

	// 控制播放效果的函数
	var play = function(next) {
		// 当前的图片滑到左边-500px，完成后返回到右边490px
		// 下一张图片滑到0px处，完成后导航的焦点切换到下一个点上
		$('.flash_img li').eq(curr).css( {
			'opacity' : '0.5'
		}).animate( {
			'left' : '0px',
			'opacity' : '1'
		}, '', function() {
			$(this).css( {
				'left' : '156px'
			});
		}).end().eq(next).animate(
				{
					'left' : '0px',
					'opacity' : '1'
				},
				'',
				function() {
					$('.flash_txt a').siblings('a').removeClass('active').end()
							.eq(next).addClass('active');
				});
	};
</script>
</html>
